<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/xadmin.css">
  <link rel="stylesheet" href="./css/tag.css">
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
  <style>
    .alert {
      z-index: 1000;
      width: 380px;
      height: 45px;
      border-width: 1px;
      border-style: solid;
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      background-color: #fef0f0;
      border-color: #edbdbd;
      color: #f56c6c;
      display: none;
      line-height: 45px;
      padding-left: 20px;
      font-size: 14px;
    }
  </style>
</head>

<body>
  <div class="alert">


  </div>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="" style="font-size: 14px; color: #303133 !important;">首页</a>
      <a href="" style="font-size: 14px; color: #303133 !important;">内容管理</a>
      <a>
        <cite style="font-size: 14px; color: #97a8be !important;">标签管理</cite></a>
    </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
      onclick="location.reload()" title="刷新">
      <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  </div>

  <div class="top">
    <div class="top_l">
      后台主页
      <i class="layui-icon layui-icon-close" style="font-size: 8px; margin-left:5px ;"></i>
    </div>
    <div class="top_r">
      <i class="yuan"></i>
      标签管理
      <i class="layui-icon layui-icon-close" style="font-size: 8px; margin-left:5px ;"></i>
    </div>
  </div>

  <!-- main 主体内容区域 -->
  <div class="main">
    <div class="main_h">
      <b>标签名称</b>
      <input type="text" placeholder="请输入标签名称" id="ipt">
      <button class="btn btn1" id="search">
        <i class="layui-icon layui-icon-search"></i>
        搜索</button>
      <button class="btn btn2">
        <i class="layui-icon layui-icon-refresh-1"></i>
        重置</button>
    </div>
    <div class="main_t">
      <div class="main_l">
        <div class="new">
          <i class="layui-icon layui-icon-add-1"></i>
          新增
        </div>
        <div class="exports">
          <i class="layui-icon layui-icon-download-circle"></i>
          导出
        </div>
      </div>
      <div class="main_r">
        <div class="circle">
          <i class="layui-icon layui-icon-up"></i>
        </div>
        <div class="circle">
          <i class="layui-icon layui-icon-refresh"></i>

        </div>
        <div class="circle">
          <i class="layui-icon layui-icon-app"></i>

        </div>
      </div>
    </div>
    <div class="main_b">
      <table class="layui-table">
        <colgroup>
          <col width="150">
          <col width="200">
          <col>
        </colgroup>
        <thead>
          <tr>
            <th>#</th>
            <th>ID</th>
            <th>标签名称</th>
            <th>操作</th>

          </tr>
        </thead>
        <tbody id="tb">
          <!-- <tr>
       <td>贤心</td>
       <td>2016-11-29</td>
       <td>人生就像是一场修行</td>
       </tr> -->
        </tbody>
      </table>
    </div>
  </div>
  <script src="./js/jquery.min.js"></script>
  <script src="./js/axios.min.js"></script>
  <script src="./js/tag.js"></script>
</body>


</html>